/**
 * 类型标头 提示组件
 */
import './style.scss'

export default {
  functional: true,
  name: 'TipBlock',
  props: {
    tip: {
      type: String,
      required: true
    },
    color: {
      type: String,
      default: '#409EFF'
    }
  },
  render(h, context) {
    const { tip, color } = context.props
    return (
      <blockquote class='blockquote'>
        <div class='title' style={{ borderLeftColor: color }}>{ tip }</div>
        <slot></slot>
      </blockquote>
    )
  }
}
